.pg{
	width:90%;
	margin: 0 auto;
	flex-wrap: wrap;
}
.nav{
	    height: auto;
	    width:60%;
	    margin-left: 20%;
	    background:rgb(170, 128, 148);
	    position: fixed;
	    top: 5px;
	    margin-bottom: 5px;
}
.nav ul{
    width: auto;
    list-style-type: none;
    white-space:nowrap;
    overflow: hidden;
    margin-left: 5%;
    padding: 0;
	height: 30px;

}
.nav li {
    float: left; 
    margin-right:20%;
    position: relative;
    overflow: hidden;
	height: 30px;
}
.nav li a{
    display: block; 
    color:white;
    text-align: center;
    padding: 1px;
    overflow: hidden;
    text-decoration: none; 
    
}
.nav li a:hover{
    background-color: #78556d; 
}
#head{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 80px;
	width: 100%;
	height: auto;
	justify-content:center;
}
.head1{
	width: 60%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.head2{
	width: 40%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.special{
	width: 100%;
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
}
.pic{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 80px;
	width: 100%;
	height: auto;
	justify-content: space-around;
}
.pic1{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}
.pic2{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top: 20px;
	margin-bottom: 50px;
}
.pic3{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top: 20px;
	margin-bottom: 30px;
}
#contact{
	background-color: rgb(170, 128, 148);
	width: 100%;
	height: 50px;
	margin-top: 60px;
	text-align: center;
}